<div id="help-image" style="padding: 5px; border: 1px solid #ccc; box-shadow: #9e9e9e 1px 2px 5px; background: #fff; position: fixed; width: 600px; top: 10px; right: 10px; z-index: 99999999999;">
    <div class="row text-right move" style="margin: 0; cursor: pointer;">
    	<span class="glyphicon glyphicon-remove" aria-hidden="true" style="cursor: pointer; margin-right: 15px;"></span>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <label class="col-sm-2" style="padding: 0;">样式</label>
        <label class="col-sm-2" style="padding: 0;">作用</label>
        <label class="col-sm-2" style="padding: 0;">单位</label>
        <label class="col-sm-6" style="padding: 0;">说明</label>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <label class="col-sm-2" style="padding: 0; margin: 0;">起始样式</label>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">position</div>
        <div class="col-sm-2" style="padding: 0;">定位</div>
        <div class="col-sm-2" style="padding: 0;"></div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">position: absolute;</span>建议不要修改</div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">width</div>
        <div class="col-sm-2" style="padding: 0;">宽度</div>
        <div class="col-sm-2" style="padding: 0;">px、rpx、%</div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">width: 0rpx;</span></div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">height</div>
        <div class="col-sm-2" style="padding: 0;">高度</div>
        <div class="col-sm-2" style="padding: 0;">px、rpx、%</div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">height: 0rpx;</span></div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">top</div>
        <div class="col-sm-2" style="padding: 0;">离上面的距离</div>
        <div class="col-sm-2" style="padding: 0;">px、rpx、%</div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">top: 50rpx;</span></div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">right</div>
        <div class="col-sm-2" style="padding: 0;">离右面的距离</div>
        <div class="col-sm-2" style="padding: 0;">px、rpx、%</div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">right: 0rpx;</span></div>
    </div>    
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">bottom</div>
        <div class="col-sm-2" style="padding: 0;">离底部的距离</div>
        <div class="col-sm-2" style="padding: 0;">px、rpx、%</div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">bottom: 0rpx;</span></div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">left</div>
        <div class="col-sm-2" style="padding: 0;">离左面的距离</div>
        <div class="col-sm-2" style="padding: 0;">px、rpx、%</div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">left: 0rpx;</span></div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">transform</div>
        <div class="col-sm-2" style="padding: 0;">动画</div>
        <div class="col-sm-2" style="padding: 0;"></div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">transform: rotate(-10deg);</span> <a target="_blank" href="http://www.w3school.com.cn/cssref/pr_transform.asp">参考地址</a> </div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <label class="col-sm-2" style="padding: 0; margin: 0;">结束样式</label>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">动画属性</div>
        <div class="col-sm-2" style="padding: 0;">动画属性</div>
        <div class="col-sm-2" style="padding: 0;"></div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">rotate: 10;</span>一般与开始样式的动画属性一致，值为结束的状态值</div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <label class="col-sm-2" style="padding: 0; margin: 0;">动画</label>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">动画实例</div>
        <div class="col-sm-2" style="padding: 0;">动画实例</div>
        <div class="col-sm-2" style="padding: 0;"></div>
        <div class="col-sm-6" style="padding: 0;">animationIterationCount为动画循环次数，0代表无数次 <a target="_blank" href="https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-animation.html#wxcreateanimationobject">参考地址</a> </div>
    </div>
</div>